button,input,select,textarea {
	-webkit-appearance: none;
	resize: none;
	border: 0;
	outline: 0;
	-webkit-user-select: text;
	-webkit-appearance: none
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-ms-touch-action: none;
	overflow: auto !important;
}
ul{
	list-style-type: none;
}
select,select option {
    direction: rtl !important;
}
textarea{
	font-size:1.6rem !important;
}
body,ul,li {
	padding: 0;
	margin: 0;
	border: 0;
}
a{
	text-decoration: none;
}
.clear{
	clear: both;
}
html {
	font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/;
	height: 100%;
	width: 100%;
	overflow: auto;
}
body {
	font-size: 1.4rem;/*1.4 × 10px = 14px */;
	height: 100%;
	width: 100%;
	color:#888;
	font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self !important;
}
.img{
	width: 100%;
}
.nodata{
	width: auto;
	height: 15rem;
	text-align: center;
	line-height:15rem;
}
.pad5{
	padding: 1rem;
}
/***dialog******/
/***控件***/
.ll_show{
	display: block !important;
}
.ll_hide{
	display: none;
}
.ll_animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ll_animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.ll_animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.ll_animated.flipOutX,
.ll_animated.flipOutY,
.ll_animated.bounceIn,
.ll_animated.bounceOut {
  -webkit-animation-duration: .65s;
  animation-duration: .65s;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  display:block !important;;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  display:block !important;
}
#ll_maskbg{
	display:none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
	z-index:1000;
}
#ll_toptip{
	width: 100%;
	height: 5rem;
	background:#04BE02;
	position: fixed;
	top: 0;
	left: 0;
	z-index:1001;
	text-align: center;
	line-height:5rem;
	color: #fff;
	display: none;
}
.ll_alert{
	width:80%;
	height: 14.6rem;
	background:rgba(255,255,255,1);
	position: fixed;
	z-index:103111;
	border-radius: 0.3rem;
	overflow: hidden;
	display: none;
	margin:0 auto;
	top:7rem;
	bottom:0;
	left:0;
	right:0;
}
.ll_alert_t{
	width: auto;
	height: auto;
	text-align: center;
	padding: 2rem 0 1rem 0;
}
.ll_alert_c{
	width: auto;
	text-align: center;
	color:#000 !important;
	padding: 1rem 0 0 0;
}
/*#ll_confirm_ok{
	background-color: #eee;
}*/
#jobview-r{
	position: absolute;
	right: 0;
	top: 0;
	line-height: 6rem;
}
.ll_alert_b{
	width:100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
}
.ll_alert_b_btn{
	display: block;
	width: auto;
	height: 4.5rem;
	text-align: center;
	text-align: center;
	line-height:4.5rem;
	color: #555;
	position:relative;
}
.ll_alert_b_btn.ll_col2{
	width: 50%;
	float: left;
}
#ll_confirm_qx{
	color: #999;	
}
#ll_confirm_ok{
	color: orangered;
}
.ll_alert_b_btn:active{
	background: #f5f5f5;
}
#ll_toast{
	display:none;
	width: 12rem;
	height:12rem;
	background-color: rgba(0,0,0,0.5);
	border-radius:1rem;
	position:fixed;
	left: 50%;
	top: 50%;
	margin-left: -6rem;
	margin-top: -6rem;
	z-index: 1002;
	text-align: center;
}
#ll_toast_tip{
	position:absolute;
	bottom: 1.5rem;
	width: 100%;
	text-align: center;
	color: #eee;
}
#ll_toast .iconfont{
	color: #fff !important;
	font-size:7rem !important;
	line-height:11rem;
}
.line-t:after{
	content: '';
    display: block;
    position: absolute;
    top:0;
    right: 0;
    left: 0;
    width: 100%;
    height:1px;
    background-color:#ccc;
    -webkit-transform: scaleY(0.333333333);
    transform: scaleY(0.333333333);
    -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
    z-index: 10;
}
.line-b:before{
	content: '';
    display: block;
    position: absolute;
    bottom:0;
    right: 0;
    left: 0;
    width: 100%;
    height:1px;
    background-color:#ccc;
    -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
    -webkit-transform: scaleY(0.333333333);
    transform: scaleY(0.333333333);
    z-index: 10;
}
.line-r:after{
	content: '';
    display: block;
    position: absolute;
    bottom:0;
    right: 0;
    top: 0;
    width:1px;
    height:100%;
    background-color:#999;
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
}

/***loading***/
#ll_loadingbox{
	display: block;
	position:fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index:99999999999999999;
	background: rgba(255,255,255,0.1);
	display: none;
}
#ll_loadinginner{
	display:none;
	width: 12rem;
	height: 12rem;
	background-color: rgba(0,0,0,0.5);
	border-radius:1rem;
	position:fixed;
	left: 50%;
	top: 50%;
	margin-left: -6rem;
	margin-top: -6rem;
	z-index: 1002
}
.spinner {
  margin: 0 auto;
  width: 3.5rem;
  height:3.5rem;
  position: relative;
  margin-top: 3rem;
}
#ll_lading_tip{
	width: auto;
	height: auto;
	padding: 2.5rem 0 0 0;
	text-align: center;
	color: #eee;
	font-size: 1rem;
}

.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color:#fff;

  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/****/
.img{
	width: 100%;
}
.clear{
	clear: both;
}
.red{
	color: orangered;
}
.bg1{
	background-color: #f5f5f5;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.abs{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.pad1{
	padding: 1rem;
}
.mt1{
	margin-top: 1rem;
}
.headerptop{
	padding-top:5rem;
}
.searchptop{
	padding-top:10rem;
}
.header{
	width: 100%;
	height:5rem;
	background-color: #eee;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	font-size: 1.6rem;
}
.header:before{
	content: '';
    display: block;
    position: absolute;
    bottom:0;
    right: 0;
    left: 0;
    width: 100%;
    height:1px;
    background-color:#999;
    -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
    z-index: 10;
}
.line-r:after{
	content: '';
    display: block;
    position: absolute;
    bottom:0;
    right: 0;
    top: 0;
    width:1px;
    height:100%;
    background-color:#999;
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
}
.search-tab{
	display: block;
	width: 33.333333%;
	height:100%;
	float: left;
	text-align:center;
	line-height:5rem;
	position: relative;
}
.search-tab.active{
	color:dodgerblue;
}
.sticon{
	display: block;
	position: absolute;
	right:1.5rem;
	top:0;
	line-height: 5rem;
	font-size: 1rem !important;
}

.top-header-sinput{
	display: block;width: 100%;
	height: 3.2rem;
	text-indent: 1rem;
	/*border-radius: 10rem;*/
	padding-top: 0.2rem;
	font-size: 1.2rem;
	border:1px solid #ddd
}
.joblist-logo{
	width: 12rem;
	height:100%;
	padding:1.2rem 0 0 1rem;
}
#joblist-logo-img{
	width:70%;
}
.header-job-search{
	position: absolute;
	height: 5rem;
	right:0.5rem;
	top: 0;
	width:20rem;
	padding: 1rem 0 0 0;
}
.searinpuicon{
	width: 3rem;
	height: 3rem;
	position: absolute;
	right: 0;
	top:1rem;
	line-height: 3rem;
	text-align: center;
}
.header-job-search-icon{
	width: 3rem;
	height: 3rem;
	position: absolute;
	right:0.5rem;
	top:1.8rem;
	text-align: center;
}
.top-search-a{
	padding-right: 1rem;
	line-height: 5rem;
}
.hjob-ricon{
	line-height: 5rem;
	color: orangered;
	padding: 0 1rem 0 0;
}
.searchbar{
	width: 100%;
	height:5rem;
	background-color:#fff;
	position: fixed;
	top:5rem;
	left: 0;
	z-index: 100;
}
.searchbarpad{
	padding: 0.5rem;
}
.searinput{
	display: block;
	border: 1px solid #ddd;
	width: 100%;
	height:4rem;
	border-radius: 0.3rem;
	text-indent:0.5rem;
}
.header .icons{
	display: block;
	width: 5rem;
	height: 5rem;
	overflow: hidden;
	text-align: center;
	line-height: 5rem;
	font-size: 2rem;
}
.header .icons:active{
	background-color: #ddd;
}

.header-title{
	height: 100%;
	position: absolute;
	left: 5rem;
	right: 5rem;
	line-height: 5rem;
	text-align: center;
}

.main{
	width: auto;
	height: auto;
}
.item{
	width: auto;
	height:  auto;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 0.3rem;
	position: relative;
}
.joblist .item{
	margin-bottom:0.5rem;
}
.joblist .item:last-child{
	margin-bottom: 0;
}
/**job***/
.jobtitle{
	width: auto;
	height:3rem;
	line-height:3rem;
	padding-left:2.5rem;
	position: relative;
}
.jobtitle-icon{
	display: block;
	position: absolute;
	left: 0;
	top:0.5rem;
	background: orangered;
	height: 2rem;
	width: 2rem;
	line-height: 2rem;
	text-align: center;
	color: #fff;
	border-bottom-right-radius:0.4rem;
	border-top-right-radius:0.4rem;
}
.job-bottom{
	width: auto;
	height: 3rem;
	border-top: 1px dotted #ccc;
	padding:0.5rem;
}
.job-btip{
	display: block;
	width: auto;
	height: 2rem;
	background-color: orangered;
	float: left;
	margin: 0 0.2rem;
	padding: 0 1rem 0 1rem;
	line-height: 2rem;
	border-radius: 5rem;
	color: #fff;
	font-size:1.2rem;
}
.job-info-line{
	padding:0 0.5rem 0.5rem 0.5rem;
}
.jobinfo-item{
	padding-right: 0.5rem;
}

.jobinfo-list-title{
	width: auto;
	height: 4.5rem;
	position: relative;
	line-height: 4.5rem;
}
.jobinfo-list-title-inner{
	height:4.5rem;
	font-size: 1.6rem;
	line-height:4.5rem;
	padding: 0 0 0 0.5rem;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	right:7rem;
}
.des-label{
	padding: 0 0.7rem 0 0;
}
.des-label .iconfont{
	color:orange;
	font-size: 1.3rem;
}
.jobinfo-list-des{
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	overflow: hidden;
	padding: 0 0 0 0.5rem;
	color: #999;
	border-bottom: 1px dotted  #ccc;
	border-top: 1px dotted  #ccc;
	font-size: 1.2rem;
}
.job-list-hunter{
	width: auto;
	height: auto;
	padding:1rem 0.5rem 1rem 0.5rem;
	background-color: #fff;
	position: relative;
}
.goweituo{
	display: block;
	background: orange;
	border-radius: 100rem;
	padding:0 1rem 0 1rem;
	color:#333;
	line-height:2.5rem;
	font-size: 1rem;
}
.listbox{
	position:relative;
}
.job-list-usericon{
	width: 5rem;
	height: 5rem;
	background:#eee;
	border-radius: 20rem;
	float: left;
	overflow: hidden;
}
.job-list-bottom{
	width: auto;
	height: 3.5rem;
	text-align: right;
	line-height: 2.5rem;
	padding: 0.5rem 0.5rem 0;
	color: #999;
	font-size: 1.2rem;
	border-top: 1px dotted #eee;
}
.job-list-hunter-info{
	width: auto;
	margin-left:6rem;
	padding: 0.2rem 0 0 0;
	position: relative;
	height: auto;
	overflow: hidden;
}
.job-list-hunter-info-line.pb0{
	padding-bottom: 0;
}
.job-list-hunter-info-line{
	width: auto;
	height: auto;
	color: #555;
	padding:0 0 1.5rem 0;
	font-size: 1.3rem;
	text-overflow:clip; 
	overflow:hidden; 
	white-space:nowrap; 
}
.job-list-hunter-info-line.lineuser{
	padding:0;
}
.jlhi-split{
	padding: 0 0.5rem 0 0.5rem;
	color: #999;
}
.joblist-subp{
	position: fixed;
	left: 0;
	top: 10rem;
	right: 0;
	bottom: 0;
	z-index: 105;
	overflow: auto;
	background: #fff;
	display: none;
}
.joblist-sub-line{
	width: auto;
	height:5rem;
	border-bottom: 1px solid #ddd;
	line-height: 5rem;
	position: relative;
}
.subpannellinebox{
	padding:1rem;
}
.joblist-sub-line.active .jsl-r{
	background-color: orangered;
	color: #fff;
}
.jsl-r{
	display: block;
	width:2rem;
	height:2rem;
	border-radius: 10rem;
	background: #eee;
	position: absolute;
	right: 0;
	top:1.7rem;
	line-height:2rem;
	text-align: center;
	color: #ccc;
}
/*******addmore*******/
.morebox{
	width: auto;
	height: auto;
	padding:0.5rem;
}
.addmore{
	display: block;
	width: auto;
	height:4rem;
	border: 1px solid #ddd;
	line-height:4rem;
	text-align: center;
	background-color: #fff;
	color: #555;
	font-size: 1.2rem;
	border-radius: 0.3rem;
}
.addmore:active{
	background-color: #f5f5f5;
}
.select{
	background-color: transparent;
}
.goodbusitem,.goodfuncitem{
	background: orange;
	padding:0.5rem;
	border-radius: 10rem;
	font-size: 1rem;
	margin-right: 0.2rem;
}
/********job search*********/
.industryselect{
	background-color: transparent;
	text-align: right;
}
.industryselect option{
	text-align: right;
}
.searchmorebox{
	width: auto;
	height: auto;
	padding: 0.5rem;
}
.searchmoreinput{
	display: block;
	width:90%;
	height:4rem;
	border:1px solid #ccc;
	float: left;
	border-radius: 0.3rem;
	text-indent: 1rem;
}
.searchmore-cacell{
	float: right;
	line-height:4rem;
}
#searchmore{
	display: none;
	position: fixed;
	left: 0;
	top:0;
	bottom: 0;
	right: 0;
	z-index: 101;
	background:#fff;
}
.searchmore-ipbox{
	position: absolute;
	left: 0;
	top: 0;
	right: 4rem;
	height: 100%;
	float: left;
	overflow:hidden;
}
.addmoreicon{
	font-size: 1.2rem !important;
	line-height: 5rem;
	color: blue;
}
.searchmore-bottom{
	position:absolute;
	left: 0;
	top:5rem;
	right: 0;
	bottom: 0;
}
.searchmore-bottom-title{
	position:absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 3.5rem;
	border-bottom: 1px solid #ddd;
}
#keymore{
	top:5rem;
	z-index: 1000;
	display: none;
}
.keymore_title{
	width: 100%;
	height:3rem;
	background:#f5f5f5;
	line-height: 3rem;
	font-size: 1.2rem;
	padding: 0 1rem 0 1rem;
	position: relative;
}
.searchmore-bottom-content{
	position:fixed;
	left:0;
	top:8rem;
	right: 0;
	bottom: 0;
	display: none;
}
.sbt-title{
	line-height: 3.5rem;
	color: #555;
	padding: 0 0 0 1rem ;
}
.sbt-select{
	display: block;
	height: 3.4rem;
	background-color: #fff;
	text-align: center;
}
.sbc-left{
	width: 30%;
	height: 100%;
	background-color: #eee;
	float: left;
	overflow-y: auto;
	position: relative;
}
.sbc-left-item.active{
	background-color: #fff;
	color: darkblue;
}
.sbc-left-item{
	display: block;
	width: auto;
	height:5rem;
	background-color: #eee;
	text-align: center;
	line-height:5rem;
	color: #555;
	text-overflow:clip; overflow:hidden; white-space:nowrap; 
}
.sbc-lines{
	position: absolute;
	height: 100%;
	width: 1px;
	left:30%;
	top: 0;
	z-index: 1000000000;
}
.sbc-right{
	width: 70%;
	height: 100%;
	background-color: #f5f5f5;
	float: right;
	overflow-y: auto;
}
.sbc-right-pad{
	padding: 0.5rem;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom:4rem;width: 100%;
	overflow-y: auto;
}
.sbc-r-item{
	display: block;
	width: auto;
	height: 3rem;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-bottom: 0.5rem;
	line-height: 3rem;
	color: #999;
	border-radius: 0.3rem;
	text-align: center;
	font-size: 1rem;
}
.checkdata-box,.checkdatacity{
	display: block;
	width: 50%;
	height: auto;
	float: left;
	padding: 0 0.2rem 0 0;
	color: #ccc;
	text-overflow:clip; 
	overflow:hidden; 
	white-space:nowrap; 
}
.checkdata-box.w100{
	width: 100%;
}
.checkdata-box.active .sbc-r-item,.checkdatacity.active .sbc-r-item{
	background-color: #FEF4EF;
	color:orangered;
	border:1px solid orangered
}
.sbc-r-item:active,.sbc-r-item.active{
	background-color: #FEF4EF;
	color:orangered;
	border:1px solid orangered
}

/**ucenter***/
.ucenter-top{
	width: auto;
	height: auto;
	position: relative;
	padding:2rem;
	background: url(../img/bg.png) #478EE5;
	background-size: 100% auto;
}
.ucenter-count{
	width: auto;
	height: auto;
	padding: 1rem 0 1rem 0;
	background: #fff;
}
.ucenter-count-item{
	width: 50%;
	height: 6rem;
	position: relative;
	float: left;
	padding: 1rem;
}
.ucenter-count-item-r{
	width: auto;
	height: auto;
	float: left;
	padding: 0 0 0 1rem;
}
.ucenter-count-item-r-t{
	width: auto;
	height: auto;
	padding: 0.5rem 0 0.5rem 0;
	color: orangered;
	font-weight: bold;
}
.ucenter-count-item-icon{
	width: 4rem;
	height:4rem;
	background-color:#57CB60;
	border-radius: 100rem;
	color: #fff;
	float: left;
	text-align: center;
	
}
.ucenter-count-item-icon .iconfont{
	font-size:2.4rem !important;
	line-height: 4rem;
}
.ucenter-icon{
	width: 7rem;
	height: 7rem;
	background-color: #fff;
	margin: 0 auto;
	border-radius: 10rem;
	overflow: hidden;
}
.ucenter-score{
	width: auto;
	height: auto;
	padding:1.5rem;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	color: #eee;
}
.ucenter-uname{
	width: auto;
	text-align: center;
}
.ucenter-uname-item{
	width:11rem;
	height: 3rem;
	background: rgba(255,255,255,0.5);
	border-radius: 10rem;
	text-align: center;
	color:#555;
	margin:0 auto;
	padding:0.9rem 1.5rem 0.7rem 1.5rem;
	font-size: 1.2rem;
}
.ucenter-botom{
	width: auto;
	height: auto;
	padding: 1rem 0 0 0;
}
.ucenter-b-box{
	width: auto;
	height: auto;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
}
.ulistgroup.pl5{
	padding: 0 0 0 1rem;
}
.ulist-line{
	width: auto;
	display: block;
	height:5rem;
	border-bottom:1px solid #eee;
	line-height: 5rem;
	position: relative;
}
.ulist-line:active{
	color:red;
	background-color: #f5f5f5;
}
.ulistgroup .ulist-line:last-child{
	border-bottom: 0;
}
.uli-ltxt{
	padding-left:3rem;
}
.uli-icon{
	display: block;
	width:2.2rem;
	height: 2.2rem;
	color:brown;
	position: absolute;
	left: 0;
	top:1.3rem;
	line-height: 2.1rem;
	text-align: center;
	border-radius:0.4rem;
	color: #fff;
}
.ulist-line:active .uli-rarow{
	color: orangered;
}
.uli-rarow{
	display: block;
	position: absolute;
	right: 0.5rem;
	top:0;
	height: 100%;
	line-height:5rem;
	color: #ccc;
}
.uli-icon.bg1{
	background-color:#F54A9B;
}
.uli-icon.bg2{
	background-color:#FECD08;
}
.uli-icon.bg3{
	background-color:#6DBCFC;
}
.uli-icon.bg4{
	background-color:#FD7D3E;
}
.uli-icon.bg5{
	background-color:#6CD253;
}
.ucenter-main{
	position: relative;
	margin-top: 0.5rem;
}
.uc-item{
	width: 25%;
	height:10rem;
	float: left;
	position: relative;
	background-color: #fff;
	text-align: center;
}
.uc-item-line-t{
	content: '';
    display: block;
    position: absolute;
    top:0;
    right: 0;
    left: 0;
    width: 100%;
    height:1px;
    background-color:#999;
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
    -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
    z-index: 10;
}
.uc-item-icon{
	line-height: 8rem;
	font-size: 3rem !important;
}
.icolor1{
	color: dodgerblue;
}
.icolor2{
	color:#0FA5E0;
}
.icolor3{
	color:#F1594B;
}
.icolor4{
	color:#4CB802;
}
.icolor5{
	color:#F39826;
}
.icolor6{
	color:#0DB78A;
}
.icolor7{
	color:#F39826;
}
.sys-logo{
	width:10rem;
	margin: 0 auto;
	margin-top:0.7rem;
}
.copyright{
	position: fixed;
	bottom: 1rem;
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
}
.uc-item-txt{
	height: auto;
	position: absolute;
	bottom:1.5rem;
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
}
.uc-item:active{
	background-color:#eee;
}
/***myjob***/
.myjob-box{
	width: auto;
	height: auto;
	padding: 1rem 0 0 0;
}
.myjob-box .myjob-item:last-child{
	margin-bottom: 0;
}
.myjob-item{
	width: auto;
	height: auto;
	background: #fff;
	padding: 1rem 1rem 0.2rem 1rem;
	margin-bottom: 0.5rem;
	position: relative;
	overflow: hidden;
}
.myjob-title{
	width: auto;
	height: 2.5rem;
	font-size:1.6rem;
	line-height: 3rem;
	color: #000;
	text-overflow:ellipsis; 
	overflow:hidden; 
	white-space:nowrap; 
}

.myjob-center{
	width: auto;
	height: auto;
	height: 3rem;
	line-height:3rem;
	font-size: 1.2rem;
}
.myjob-company{
	width: auto;
	float: left;
}
.myjob-dues{
	float: right;
}
.myjob-info{
	width: auto;
	height: 3rem;
}
.myjob-info-tip{
	display: block;
	float: left;
	margin-right: 0.5rem;
	height: 2.2rem;
	width: auto;
	line-height: 2.2rem;
	padding: 0 1rem 0 1rem;
	border: 1px solid #eee;
	color: #999;
	border-radius: 0.4rem;
	font-size: 1rem;
}
.myjob-status{
	width: auto;
	height:  auto;
	position: relative;
	padding: 0.5rem 0 0.5rem 0;
	border-top: 1px dotted   #eee;
}
.myjob-check{
	width: 2rem;
	height: 2rem;
	background-color: #eee;
	border-radius:12rem;
	float: left;
	text-align: center;
	line-height: 2rem;
	color: #ccc;
	margin-top: 0.4rem;
}
.myjob-padding{
	padding: 0 0 0 3rem;
}
.myjob-check.checked{
	background-color: orangered;
	color: #fff;
}
.myjob-pubtime{
	width: auto;
	height: 100%;
	line-height: 2.5rem;
	float: left;
}
.myjob-aply{
	width: auto;
	height: auto;
	float: right;
	line-height: 2.5rem;
	color: #000;
	font-size: 1.2rem;
}
/******footbtns******/
.footpbotom{
	padding-bottom: 5rem;
}
.footbtns{
	width: 100%;
	height: 5rem;
	background-color: #f5f5f5;
	position: fixed;
	bottom: 0;
	left: 0;
}
.fbtn{
	display: block;
	height: 5rem;
	text-align: center;
	position: relative;
	background-color:orangered;
	color: #fff;
	line-height: 5rem;
}
.applyline{
	width: auto;height: 3rem;
	line-height: 3rem;
}
.bblockbtn{
	display: block;
	position: fixed;
	left: 0.5rem;
	right: 0.5rem;
	bottom: 0.5rem;
	text-align: center;
	height: 5rem;
	border-radius: 0.2rem;
	background: orangered;
	line-height: 5rem;
	color: #f5f5f5;
}
.fbtn:active{
	opacity: 0.5;
}
.fbtn.col2{
	width: 50%;
	float: left;
	background-color:#51CAC1;
	line-height: 5rem;
	color: #fff;
}
.fbtn.col1{
	width: 100%;
	float: left;
	background-color:#FD7D3E;
	line-height: 5rem;
	color: #fff;
	border-right:1px solid #eee;
}
.footbtns .fbtn:last-child{
	border-right-width: 0 !important;
}

/***blocks***/
.blocks{
	width: auto;
	height: auto;
}
.block-title{
	width: auto;
	height: 4rem;
	line-height: 4rem;
	color: #000;
	text-indent: 1rem;
}
.li-title-icon{
	color:#555;
	padding: 0 0.5rem 0 0;
}
.block-title-r{
	float: right;
	height: 100%;
	padding: 0 1rem 0 0;
	font-size: 1.2rem;
}
.block-content{
	width: auto;
	height: auto;
	background-color: #fff;
	position: relative;
}
.block-ul .block-li:last-child{
	border-bottom: 0;
}
.block-ul{
	width: auto;
	height: auto;
	padding: 0 0 0 1rem;
	background-color: #fff;
	position: relative;
}
.block-li{
	width: auto;
	height: 5rem;
	line-height: 5rem;
	padding:0;
	color: #555;
	position: relative;
	border-bottom:1px solid #eee;
}
.user-info-topline{
	width: 100%;
	height:1rem;
	border-bottom: 1px solid #eee;	
}
/*.block-li:before{
	content: '';
    display: block;
    position: absolute;
    bottom:0;
    right: 0;
    left: 0;
    width: 100%;
    height:1px;
    background-color:#000;
    -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
    z-index: 10;
}*/

.block-li .li-title{
	font-size: 1.4rem;
	text-align:right;
}
.block-li.hauto{
	height: auto;
	padding: 0.5rem 0 0.5rem 0;
}
.block-li-r{
	width: auto;
	height:100%;
	position: absolute;
	right:1rem;
	top: 0;
	left: 10rem;
	text-align: right;
}
.block-li-r-input{
	display: block;
	width: 100%;
	height: 100%;
	text-align: right;
	color: #000;
	font-size: 1.5rem !important;
}
.block-li-r select{
	font-size: 1.5rem !important;
}
.job-list-hunter-line{
	border-bottom: 1px solid #eee;
}
.lietouitem-line{
	border-bottom: 1px solid #eee;
}
.block-areainput{
	display: block;
	width: 100%;
	height:12rem;
	padding: 1rem 0 1rem 0;
	font-size: 1.4rem !important;
}
.addReportbtn{
	display: block;
	width: auto;
	height: 4rem;
	background:orangered;
	text-align: center;
	line-height: 4rem;
	color: #fff;
}

/***paper***/
.job-title{
	width: auto;
	height: 3rem;
	line-height: 3rem;
	color: #555;
	font-size: 1.2rem;
}
.job-infos{
	width: auto;
	height: 1.5rem;
	line-height: 1rem;
	font-size: 1.2rem;
	color: #555;
}
.job-des{
	line-height: 1.8rem;
	font-size: 1.2rem;
	padding-left: 1em;
	padding-top: 1rem;
}
.addbtnicon{
	font-size: 1.2rem !important;
	color: orangered !important;
}
/*****subpannel******/
.subpannel{
	width: 100%;
	position: fixed;
	top: 5rem;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #f5f5f5;
	overflow-y: auto;
}
.forms{
	width: auto;
	height: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background-color: #fff;
	padding: 0 0 0 1rem;
}
.forms .form-line:last-child{
	border-bottom: 0;
}
.form-line{
	width: auto;
	height: 5rem;
	line-height: 5rem;
	color: #000;
	border-bottom: 1px solid #ddd;
}

.blockbtn{
	width: auto;
	height: auto;
	padding:0.5rem;
}
.blockbtn.nopad{
	padding:0;padding-top: 0.5rem;
}
.hide{
	display: none;
}
.blockbtn .item{
	display: block;
	width: auto;
	height:4rem;
	background-color:#6FB000;
	text-align: center;
	line-height:4rem;
	color: #fff;
	border-radius: 0.2rem;
	border:1px solid #6FB000;
	margin-bottom: 0.5rem;
}
.blockbtn .item.del{
	background-color: #999;
	border:1px solid #999;
}
.jobinfdel{
	position: absolute;
	right: 0.5rem;
	tab-size: 0.5rem;
}
.blockbtn .item:active{
	opacity: 0.9;
}
.btnhelp{
	width: auto;
	height: auto;
	padding: 1rem 0 0 0;
	font-size: 1.4rem;
	color: #999;
	text-align: left;
}
.help{
	padding: 0.5rem;
	font-size: 1.2rem;
}
/***jobview***/
.jobview{
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius:0.5rem;
	overflow: hidden;
}
.jobview-lable{
	border-bottom: 1px solid #ddd;
	height: 3rem;
	line-height: 3rem;
	padding: 0 0 0 1rem;
	color: #555;
}
.jobview-content{
	width: auto;
	height: auto;
	line-height: 2rem;
	padding:1rem;
	color: #555;
}
.jobview-title{
	width: auto;
	height: 2.5rem;
	line-height: 4rem;
	line-height: 4rem;
	position: relative;
	padding: 1rem 0 0 2.5rem;
}
.jobview-title-inner{
	position: absolute;
	left: 2.5rem;
	top:1rem;
	right:0;
	color: #000;
}
.jobview-icon{
	width:2rem;
	height: 2rem;
	border-bottom-right-radius:5rem;
	border-top-right-radius:5rem;
	background:orangered;
	line-height: 2rem;
	color: #fff;
	position: absolute;
	left: 0;
	top:1.8rem;
	text-align: center;
}
.jobviw-hilight{
	padding: 0.5rem;
}
.jobviw-hilight .item{
	display: block;
	width: auto;
	height: 2.5rem;
	background: orange;
	border: 1px solid orange;
	line-height: 2.5rem;
	color: #fff;
	float: left;
	margin: 0 0.5rem 0 0;
	padding: 0 0.5rem 0 0.5rem;
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
}
/***person****/
.personlable{
	width: auto;
	height: auto;
	background-color: orange;
	float: left;
	padding: 0.5rem 1rem 0.5rem 1rem;
	margin-right: 0.5rem;
	border-radius: 5rem;
	line-height: 2rem;
	color: #f5f5f5;
	margin-top: 0.5rem;
	font-size: 1.4rem;
	position: relative;
}
.delLabelicon{
	position: absolute;
	width:1.5rem;
	height:1.5rem;
	background: red;
	right: -0.7rem;
	top: -0.7rem;
	text-align: center;
	line-height: 1.5rem;
	border-radius: 10rem;
}
.person-base{
	width: auto;
	height: auto;
}
.person-split{
	padding: 0 0.5rem 0 0.5rem;
	color: #ccc;
}
.person-baseinfo{
	clear: both;
	font-size: 1.2rem;
}
.job-list-usericon.personuser{
	border-radius: 0;
}
.person-base-infoline{
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1.2rem;
}

.block-nodata{
	width: auto;
	height: auto;
	padding: 4rem;
	text-align: center;
	margin-left:0rem;
}
.block-li-r-select{
	background-color: transparent;
}
/***entrust****/
.entrust{
	width: auto;
	height: auto;
}
.mtabbar{
	height: 4rem;
	background: #fff;
	line-height: 4rem;
	position: fixed;
	top: 5rem;
	left: 0;
	right: 0;
	z-index: 1000;
}
.mtabbar .item{
	display: block;
	height: 100%;
	width:33.33333333333%;
	float: left;
	border: 0;
	text-align: center;
	position: relative;
	border-radius: 0;
}
.mtabbar .item.col3{
	width: 33.3333333%;
}
.mtabbar .item:active,.mtabbar .item.active{
	border-bottom: 1px solid orangered;
	border-radius: 0;
	color:orangered;
}
.line-l:before{
	content: '';
    display: block;
    position: absolute;
    bottom:0;
    left: 0;
    top: 0;
    width:1px;
    height:100%;
    background-color:#666666;
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.2);
}
.entrust-list{
	padding: 4rem 0 0 0;
}
.entrustinfo{
	color: #999;
}
.jobhasdel{
	position: absolute;
	right: 0;
	top: 0;
	width:5rem;
	height:100%;
	z-index: 10000;
	font-size:5rem !important;
	text-align:  right;
	color:orangered;
	font-weight: normal;
}
.jobhasdel2{
	position: absolute;
	right:-0.5rem;
	top:-0.41rem;
	width: auto;
	height:100%;
	z-index: 10000;
	font-size:5rem !important;
	color:orangered;
	font-weight: normal;
}


#checkfunction{
	position: fixed;
	width: 100%;
	top:5rem;
	bottom: 0;
	background:#fff;
	z-index: 100;
}
.checkfunction_content{
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 5rem;
}
.blockbtn-f{
	position: absolute;
	width: 100%;
	bottom:-0.5rem;
	left: 0;
}
.checkfitem{
	width: 32.333333333333333%;
	height: 100%;
	float:left;
	border-right: 1px #ccc solid;
	overflow-y: auto;
}
.checkfunction_content_left{
	width: 35%;
	float: left;
}
.textareadisplay{
	display: block;
	width: 100%;
	height: auto;
	line-height:2.5rem;
}
#sendsms{
	width: 8rem;position: absolute;right: 0;top: 0;height: 100%;background-color: #eee;text-align: center;font-size:1.2rem;
}
.checkfitem_a{
	display: block;
	height: 4rem;
	border-bottom:1px solid #eee;
	text-align: center;
	line-height: 4rem;
}
.checkfitem_a:active,.checkfitem_a.active{
	background-color:#FFDFBF;
}
.checkfitem_a.active{
	color: orangered;
}
.pingjia-lines{
	padding: 1rem 0 1rem 0;
	color: #555;
	font-size: 1.2rem;
}
.uinfopdetail_line{
	padding: 1rem 0 1rem 0;
	font-size: 1.2rem;
	position: relative;
}
.uinfopdetail_line_title{
	color: #000;
}
.wlqcitem{
	width: 50%;
	height: 12rem;
	float: left;
	position: relative;
}
.wlqitem-ctitle{
	width: auto;
	height:6rem;
	line-height:9rem;
	text-align:center;
	font-size: 1.6rem;
	color: #000;
}
.wlqitem-ctitle-b{
	width: auto;
	height:3rem;
	line-height:3rem;
	text-align:center;
	font-size: 2rem;
	color:orangered;
	font-weight: bold;
}
.panneltitle{
	width: auto;
	height: 4rem;
	color: #000;
	padding: 0 1rem 0 1rem;
	line-height: 4rem;
}

.uinfopannel{
	position: relative;
	padding: 1rem;
	background-color: #fff;
}
.qipao{
	position: absolute;
	width:2rem;
	height:2rem;
	left:53%;
	top:12%;
	background: red;
	z-index:9;
	border-radius: 100rem;
	font-size: 1rem;
	text-align: center;
	line-height: 2.3rem;
	color: #fff;
}
.splitx{
	padding: 0 0.5rem 0 0.5rem;
	color: #999;
}


.lietoubox{
		width: auto;
		height: auto;
		margin-top:0.5rem;
		position: relative;
		padding-left: 0.5rem;
		background: #fff;
	}
	.lietouitem{
		width: auto;
		height:9rem;
		position:relative;
		padding: 1rem 1rem 1rem 2.5rem;
		background: #fff;
	}
	.lietou-icon{
		width:7rem;
		height:7rem;
		position: absolute;
		left:1rem;
		top: 1rem;
	}
	.lietou-info{
		width: auto;
		height: 6rem;
		padding-left:6.5rem;
		color: #000;
		position: relative;
	}
	.lietou-name{
		height: 2.5rem;
		text-overflow:ellipsis;
		padding-right: 2rem;
		text-overflow:ellipsis; white-space:nowrap;
		overflow: hidden;
	}
	.lietou-com{
		font-size: 1.2rem;
		color: #999;
	}
	.lietou-pinfen{
		position: absolute;
		right:1rem;
		top: 0;
		color: orangered;
		font-weight: bold;
	}
	.lietou-pinfen-t{
		font-size: 1rem;
		color: #999;
		font-weight: normal;
	}
	.yearSlary{
		font-size: 2rem !important;
	}
	.lietou-com-line{
		width: auto;
		height: auto;
		padding: 0.5rem 0 0 0;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}

.pinfenicons{
	display: block;
	width:3rem;
	height: 3rem;
	background:#ccc;
	float: left;
	margin-right: 0.5rem;
	border-radius: 0.5rem;
	font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height:3rem;
  font-size: 2rem;
  color: #999;
}
.pinfenicons:before{
	color: #fff;
	content: "\e636";
}

.pinfenicons.active{
	background: orangered;
}


.yhqitem{
			width: auto;
			background:#82CD01;
			border-radius: 0.5rem;
			overflow: hidden;
			position: relative;
			box-shadow:1px 1px 1px 0 rgba(0, 0, 0, .5);
			margin-bottom:1rem;  
		}
		.yhqitemfee{
			height:9rem;
			line-height: 9rem;
			color: #fff;
			padding-left:9rem;
			font-size: 1.6rem
		}
		.yhqitemifos{
			height:3rem;
			background:  #eee;
			padding: 0 0.5rem 0  0.5rem;
			line-height: 3rem;
			color: #555;
			font-size: 1.2rem;
		}
		.yhqitemline{
			width: auto;
			height: 4px;
			border-bottom: 1px dotted #999;
		}
		.fl{
			float: left;
		}
		.fr{
			float: right;
		}
		.yhqicon{
			width: 7rem;
			height: 7rem;
			background: #fff;
			border-radius: 100rem;
			position: absolute;
			left: 1rem;
			top: 1rem;
			overflow: hidden;
		}
/********guda**********/
.wrapper{
	
}
#foodbox{
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
	-webkit-justify-content: space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap: wrap;
}
.foodinfo{
	font-size: 0px;
	margin-bottom: 5px;
	position: relative;
	width: 49%;
}
.clearFood{
	position: absolute;
	width: 30px;
	height: 30px;
	background:orange;
	right:-15px;
	top:-15px;
	border-radius: 30px;
	line-height: 30px;
	font-size: 20px;
}
.foodinfo.foodinfo100{
	width: 100%;
}
.foodtitle{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4rem;
	background: rgba(0,0,0,0.6);
	text-align:left;
	line-height: 4rem;
	font-size: 1.4rem;
	color: #fff;
	padding-left: 15px;
}
.food_fee{
	position: absolute;
	right:10px;
	top: 50%;
	width:10rem;
	height:5rem;
	border: 2px solid #fff;
	margin-top: -5.5rem;
	background: #D90000;
	border-radius:0.5rem;
	font-size: 1.2rem;
	text-align: center;
	color: #fff;
}
.ff-1,.ff-2,.ff-3{
	display: block;
}
.ff-1{
	padding-top: 0.5rem;
}
.ff-2{
	font-weight: bold;
	font-size: 1.6rem;
	padding: 0.5rem 0 0.5rem 0;
}
.ff-3{
	color: #999;
	text-decoration:line-through
}
#foodbox{
	padding-bottom: 13rem;
	padding:0.5rem 0.5rem 13rem 0.5rem ;
}
.goumai{
	position:fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	height:11rem;
	background:#FFF000;
}
#goumaibtn{
	display: block;
	width: 80%;
	height:6rem;
	background:#2F2F2F;
	border-radius: 0.5rem;
	text-align: center;
	line-height: 6rem;
	color: #fff;
	margin: auto;
}
.goumaibtn{
	display: block;
	width: 80%;
	height:6rem;
	background:#2F2F2F;
	border-radius: 0.5rem;
	text-align: center;
	line-height: 6rem;
	color: #fff;
	margin: auto;
}
.allfee{
	padding: 1rem 0 1rem 0;
	text-align: center;
	color: #555;
}
#feecount{
	font-weight:bold;
	color: red;
}


.paytitle{
	height: 5rem;
	line-height: 5rem;
}
.payinfos{
	padding: 1rem;
}
.paycontent{
	font-size:2rem;
	padding: 1rem 0 0 0;
	border-bottom:1px solid  #eee;
	padding-bottom: 1rem;
	color: #000;
}
.splitline{
	width: auto;
	height: 2rem;
}
.smalltext{
	font-size: 1.2rem;
	color: red;
}
.paybtns{
	padding:1rem;
}
.paybtn{
	display: block;
	width:80%;
	margin: auto;
	height: 5rem;
	background: #53A000;
	margin-bottom:1rem;
	border-radius:0.5rem;
	text-align: center;
	line-height: 5rem;
	color: #fff;
}
.paybtn.paybtn2{
	border: 2px solid #4A90E2;
	background:#fff;
	color:  #4A90E2;
}
.paybtn.paybtn3{
	border: 2px solid #6C6C6C;
	background: #fff;
	color: #6C6C6C;
}
.paysuccess{
	background:#FFF000;
}
.paysuccess{
	width: 100%;
	height:10rem;
	position: absolute;
	top: 50%;
	margin-top: -9rem;
	text-align: center;
	left: 0;
}
.paysuccess1{
	font-size:3rem;
	color: #000;
	display: block;
}
.paysuccess2{
	padding-top: 2rem;
	display: block;
	color: #555;
}
#pybott{
	position:fixed;
	bottom: 0;
	left: 50%;
	width:40px;
	height: auto;
	margin-left:-20px;
	background: red;
	font-size: 0;
}
html,body{
	height: 100%;
}
/******animate********/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@keyframes zoomOut {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}
